.cus-center {
	display: flex;
	justify-content: center;
	align-items: center;
}

.cus-start {
	display: flex;
	justify-content: start;
	align-items: center;
}

.cus-end {
	display: flex;
	justify-content: end;
	align-items: center;
}

.cus-center-column {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.cus-start-column {
	display: flex;
	flex-direction: column;
	justify-content: start;
	align-items: center;
}

.cus-end-column {
	display: flex;
	flex-direction: column;
	justify-content: end;
	align-items: center;
}

.cus-box-shadow {
	box-shadow: var(--cus-box-shadow);
}

.cus-form {
	border-radius: var(--el-border-radius-round);
	box-shadow: var(--cus-box-shadow);
	padding: 15px;
}

.cus-table {
	box-shadow: var(--cus-box-shadow);
}

.cus-tree {
	border-radius: var(--el-border-radius-base);
	box-shadow: var(--cus-box-shadow);
	padding: 10px;
}

.cus-collapse {
	border-radius: var(--el-border-radius-base);
	box-shadow: var(--cus-box-shadow);
	padding: 10px;
}

/* 对话框-start */
.cus-dialog {
	border-radius: var(--el-border-radius-base);
	min-width: 400px;
	overflow: hidden;
}

.cus-dialog .el-dialog__header {
	border-bottom: 1px solid var(--cus-bg-color);
	padding-bottom: 16px;
}

.cus-dialog .el-dialog__body {
	// height: 60vh;
	padding-bottom: 52px;
	padding-top: 0;
}

.cus-dialog .el-dialog__footer {
	left: 0;
	bottom: 0;
	// box-shadow: var(--el-box-shadow);
	box-shadow: 0 10px 20px 10px rgba(64, 158, 255, 0.72);
	padding: 10px var(--el-dialog-padding-primary);
	position: absolute;
	width: 100%;
}

/* 对话框-end */

// 全局遮罩
.cus-layout-shade {
	background-color: rgba(0, 0, 0, 0.5);
	height: 100vh;
	left: 0;
	position: fixed;
	top: 0;
	width: 100vw;
	z-index: 9999990;
}

.el-image-viewer-black-bg {
	.el-image-viewer__canvas {
		background: var(--cus-bg-color);
	}
}

// 鼠标置入浮动效果
.suspension {
	transition: all 0.3s ease;

	&:hover {
		border-radius: 6px;
		-webkit-box-shadow: 0 14px 24px rgba(0, 0, 0, 0.2);
		box-shadow: 0 14px 24px rgba(0, 0, 0, 0.2);
		-moz-transform: translateY(-4px) scale(1.02);
		-ms-transform: translateY(-4px) scale(1.02);
		-o-transform: translateY(-4px) scale(1.02);
		-webkit-transform: translateY(-4px) scale(1.02);
		transform: translateY(-4px) scale(1.02);
		z-index: 999;
	}
}

/* 页面切换动画-start */
.slide-right-enter-active,
.slide-right-leave-active,
.slide-left-enter-active,
.slide-left-leave-active {
	transition: all 0.3s ease;
	will-change: transform;
}

// slide-right
.slide-right-enter-from {
	opacity: 0;
	transform: translateX(-20px);
}

.slide-right-leave-to {
	opacity: 0;
	transform: translateX(20px);
}

// slide-left
.slide-left-enter-from {
	@extend .slide-right-leave-to;
}

.slide-left-leave-to {
	@extend .slide-right-enter-from;
}

// 淡入
@keyframes fade-in {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

// 淡入
@-webkit-keyframes fade-in {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

// 淡出
@keyframes fade-out {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}

// 淡出
@-webkit-keyframes fade-out {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}

/* 页面切换动画-end */

/* 自适应-start */
@media screen and (max-width: 768px) {
	.xs-hidden {
		display: none;
	}
}

@media screen and (max-width: 1000px) {
	.cus-dialog .el-dialog__body {
		padding-left: 0;
		padding-right: 0;
	}
}

/* 自适应-end */

.avatar-image {
	width: 50px;
	height: auto;
	border-radius: 5px;
}
